<html>
    <head>
        <meta charset='utf-8'>
        <link rel="stylesheet" type="text/css" href="jquery-ui.min.css">
        <script src="external/jquery/jquery.js"></script>
        <script src="jquery-ui.min.js"></script>	
		<style>
			.ui-button {font-size: 13px;}
		</style>		
    </head>
    <body>
        <h4>Блок ссылок</h4>
        <p><a class="a_jqui" href="https://google.com">Ссылка 1</a></p>
        <p><a href="https://google.com">Ссылка 2</a></p>
         
        <h4>Блок кнопок</h4>
        <p><button class="button_jqui">Кнопка 1</button></p>
        <p><button>Кнопка 2</button></p>
         <script type="text/javascript">
         $(function(){
             
            $('.a_jqui').button().click(function(e){
                e.preventDefault();
                alert('Виджет button');
            });
            $('.button_jqui').button();
         });
         </script>
    </body>
</html>